<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/shopping.css">
</head>
<body>
    <header></header>
    <section>
        <div class="container">
            <div class="shopping" id="shopping_car">
              <table cellspacing="0" cellpadding="0">
                <thead class="nav_shop">
                    <tr>
                        <th width="160px">
                            <a href="javascript:;" id="edit">编辑</a>
                            <input type="checkbox" id="all-check">
                        </th>
                        <th width="310px">商品名称</th>
                        <th width="240px">原价</th>
                        <th width="90px">购买数量</th>
                        <th width="200px">单价</th>
                        <th width="200px">小计</th>
                    </tr>
                </thead>
                <tbody class="shop_cont" id="shop_tbody">
                </tbody>
                <tfoot class="shop_submit">
                  <tr>
                      <td width="190px">
                          <input type="checkbox" id="selectAllBox" checked/>
                          <p id="All">
                              <a href="javaScript:;" id="clearAll">删除/</a>
                              <a href="javaScript:;" id="cancel">取消编辑</a>
                          </p>
                      </td>
                      <td width="800px">
                          <span>商品应付金额：</span>
                          <em>￥</em>
                          <span id="Paymoney"></span>
                      </td>
                      <td width="180px">
                          <a href="javaScript:;" id="indent">提交订单</a>
                      </td>
                  </tr>
                </tfoot>
              </table>
              <script type="text/html" id="srcShop">
                {{each cartList shop}}
                  <tr data-id="{{shop.id}}">
                    <td>
                      <label class="check-label">
                        <input type="checkbox" class="checks" {{ shop.check ? 'checked' : '' }}/>
                        <span class="check-span">
                          <span class="check-item"></span>
                        </span>
                      </label>
                    </td>
                    <td>
                      <a href="/html/detail.html?id={{shop.id}}">
                        <img src="{{shop.imgs[0]}}" alt="">
                      </a>
                      <span>{{shop.title}}</span>
                    </td>
                    <td>
                      <span>{{shop.originPrice}}</span>
                    </td>
                    <td>
                      <a href="javaScript:;" class="minus">-</a>
                      <input type="text" value="{{shop.count}}">
                      <a href="javaScript:;" class="plus">+</a>
                    </td>
                    <td>{{shop.price.toFixed(2)}}</td>
                    <td>{{(shop.price * shop.count).toFixed(2)}}</td>
                  </tr>
                {{/each}}
              </script>
            </div>
            

            <div class="empty" id="cart-empty">
                <p><i class="iconfont">&#xe618;</i>您的购物车还没有商品!</p>
                <a href="/index.html">返回首页</a>
                <a href="/html/category.html">去选款式</a>
            </div>
        </div>
    </section>
<footer class="footer"></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/shopping"></script>

</html>